<%-layout('layout')%>
<%-partial('topic/sidebar')%>
<div id="content">
	<div class="panel">
		<div class="header">
			<a href="/" class='topic-tab <%if(typeof(tab)=='undefined'||tab=='tab1'){%>current-tab<%}%>'>版块1</a>
			<a href="/?tab=tab2" class='topic-tab <%if(tab=='tab2'){%>current-tab<%}%>'>版块2</a>
		</div>
		<div class="inner">
			<div id="topic_list">
				<%-partial('topic/list', {collection: topics, as: 'topic'})%>
			</div>
			<div class="pagination">
				<ul>
					<li>
						<a href='/?tab=<%=tab%>&page=1'>&lt;&lt;</a>
					</li>
					<% if(page>3&&page>5){%>
					<li>
						<a>......</a>
					</li>
					<%}%>
					<%
						var i = 2;
						if(pageCount<=5){
							i=page-1
						}
						//倒数每二页
						if(page+1==pageCount&&page>=5){
							i=3
						}
						//最后一页
						if(page+1>pageCount&&page>=5){
							i=4
						}
						while(i>=1){%>
							<li><a href='/?tab=<%=tab%>&page=<%=page-i%>'><%=page-i%></a></li>
							<%
							i--
						}
					%>
					<li class='disabled active'>
						<a href='/?tab=<%=tab%>&page=<%=page%>'><%=page%></a>
					</li>
					<%
						var i = 1;
						var num=2
						//前二页
						if(page<3){
							num=5-page
						}
						while(i<=num){
							if(page+i<=pageCount){%>
							<li><a href='/?tab=<%=tab%>&page=<%=page+i%>'><%=page+i%></a></li>
							<%}
							i++
						}
					%>
					<% if(pageCount-(page+3)>=0&&pageCount>5){%>
						<li>
							<a>......</a>
						</li>
					<%}%>
					<li>
						<a href='/?tab=<%=tab%>&page=<%=pageCount%>'>&gt;&gt;</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
